<!DOCTYPE html>
<html lang="zh-CN">

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
		<title>登录</title>

		<!-- Bootstrap -->
		<link href="assets/css/bootstrap.min.css" rel="stylesheet">
		<!--plugins-->
		<!--<link rel="stylesheet" type="text/css" href="assets/plugins/font-awesome-4.7.0/css/font-awesome.css" />-->
		
		
		<link rel="stylesheet" type="text/css" href="assets/css/font-awesome.css"/>
		
		<link rel="stylesheet" type="text/css" href="assets/plugins/icheck-1.x/skins/all.css" />
		<link rel="stylesheet" type="text/css" href="assets/css/dx.css" />

		<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
		<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
		<!--[if lt IE 9]>
      <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
	</head>

	<body>
		<nav class="navbar navbar-fixed-top navbar-inverse">
			<div class="container">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
			            <span class="sr-only">Toggle navigation</span>
			            <span class="icon-bar"></span>
			            <span class="icon-bar"></span>
			            <span class="icon-bar"></span>
			        </button>
					<!--<a class="navbar-brand" href="#">BLOG</a>-->
				</div>
				<div id="navbar" class="collapse navbar-collapse">
					<ul class="nav navbar-nav">
						<li class="active">
							<a href="#">首页</a>
						</li>
						<li>
							<a href="bloglist.html">帖子</a>
						</li>
						<li>
							<a href="#contact">联系我们</a>
						</li>
					</ul>
				</div>
				<!-- /.nav-collapse -->
			</div>
			<!-- /.container -->
		</nav>
		<div class="container">
			<div class="box">
				<div class="row">
					<!--<div class="col-md-1"></div>-->
					<div class="col-md-12">

						<div class="row loginregister">
							<!--划条横线-->
							<div></div>
							<div class="col-md-1"></div>
							<div class="col-md-5 ibox">
								<h1>新会员注册</h1>
								<form>
									<div class="form-group">
										<input type="email" class="form-control" id="exampleInputEmail1" placeholder="Email" required="required">
									</div>
									<div class="form-group">
										<input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password" required="required">
									</div>
									<div class="form-group code">
										<input type="text" class="form-control verificationcode" placeholder="verificationcode">
										<img src="assets/img/ValidateCode.gif" width="100px" height="50" />
										<!--<button type="submit" class="btn btn-default btn-sm">刷新</button>-->
										<a href="">刷新</a>
									</div>
									<div class="checkbox">
										性别：
										<label>
				      						<input type="radio" name="sex"> 男
				      						<i class="fa fa-mars-stroke" aria-hidden="true"></i>
			   							</label>
										<label>
				      						<input type="radio" name="sex"> 女
				      						<i class="fa fa-venus" aria-hidden="true"></i>
			   							</label>
									</div>

									<div class="agreement">
										<input type="checkbox" checked> 已同意《Mtime当讯网服务条款》
									</div>

									<div class="ibutton">
										<button type="submit" class="btn btn-primary  btn-lg btn-block">注册</button>
									</div>
								</form>

							</div>

							<div class="col-md-5 ibox">
								<h1>会员登录</h1>
								<form>
									<div class="form-group">
										<input type="email" class="form-control" id="exampleInputEmail1" placeholder="Email" required="required">
									</div>
									<div class="form-group">
										<input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password" required="required">
									</div>

									<div class="checkbox">
										<input type="checkbox"> 记住我
									</div>
									<div class="ibutton">
										<button type="submit" class="btn btn-primary  btn-lg btn-block">登录</button>
									</div>
								</form>

							</div>
							<div class="col-md-1"></div>

						</div>
					</div>
					<!--<div class="col-md-1"></div>-->
				</div>

			</div>
		</div>
		<footer class="container">
			<p>© Company 2017</p>
		</footer>

		<script src="assets/js/jquery.min.js"></script>
		<script src="assets/js/bootstrap.min.js"></script>
		<!--plugins-->
		<script src="assets/plugins/icheck-1.x/icheck.js" type="text/javascript" charset="utf-8"></script>

		<!--my-->
		<script src="assets/js/index.js" type="text/javascript" charset="utf-8"></script>

	</body>

</html>